html,
    body {
      margin: 0 auto;
      /*height: auto !important; */
      /* animation: page-fade-in 0.5s forwards; */
    }
    /* @keyframes page-fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    } */
    * {
      font-family: PingFangSC, Arial, Microsoft yahei, Tahoma, sans-serif !important;
    }
    img {
      border: 0;
      max-width: 100%;
    }
    a {
      min-height: 1px;
      display: block;
      text-decoration: none;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .animatetransition {
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    a:hover {
      text-decoration: none;
    }
    a:focus {
      text-decoration: none;
    }
    textarea,
    input:hover {
      text-decoration: none;
      border: none;
    }
    textarea,
    input:focus {
      text-decoration: none;
      border: none;
    }
    ul {
      padding: 0;
      margin: 0;
    }
    li {
      list-style: none;
    }
    span {
      display: block;
    }
    .position_relative {
      position: relative;
    }
    .position_absolute {
      position: absolute;
    }
    .box_widthall {
      width: 100%;
      min-height: 1px;
    }
    .box_widthauto {
      width: auto;
      min-height: 1px;
    }
    .box_widthmain {
      width: 100%;
      min-height: 1px;
      padding: 0px 64px;
    }
    .mb {
      display: none;
    }
    .pc {
      display: block;
    }
    .centerpd {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .floatleft {
      float: left;
    }
    .backdropblur {
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
    }
    /* 
    -------------  文本控制  -------------
    */
    .texttitlelinks {
      display: inline-block;
    }
    .texttitlelinks a {
      display: block;
    }
    .texttitlelinks a:hover .texttitle {
      color: #026dd0;
    }
    .texttitle {
      font-weight: bold;
      color: #000000;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .textsubtitle {
      font-weight: bold;
      color: #666666;
    }
    .titlet {
      font-size: 14px;
      line-height: 20px;
    }
    .titlet1 {
      font-size: 16px;
      line-height: 24px;
    }
    .titlet2 {
      font-size: 18px;
      line-height: 26px;
    }
    .titlet3 {
      font-size: 20px;
      line-height: 28px;
    }
    .titlet4 {
      font-size: 24px;
      line-height: 28px;
    }
    .titlet6 {
      font-size: 32px;
      line-height: 48px;
    }
    .textdesc {
      font-size: 12px;
      line-height: 24px;
      color: #666666;
    }
    .textmore {
      font-size: 12px;
      line-height: 24px;
      color: #c4c4c4;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .textmore .moreico {
      font-size: 12px;
      line-height: 16px;
      color: #026dd0;
      margin-top: 2px;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      opacity: 0;
    }
    a:hover .moreico {
      opacity: 1;
      margin-left: 8px;
    }
    a:hover .textmore {
      color: #666666;
    }
    .titlerow1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .titlerow2 {
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .titlerow3 {
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box !important;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
    .textbox {
      padding: 16px 18px 16px 18px;
      background-color: #f0f0f0;
    }
    /* 
    -------------  圆角  -------------
    */
    .boxradius_boxdefault {
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
    }
    .boxradius_btn {
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
    }
    .boxradius_bg {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }
    .boxradius_circle {
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
    }
    .filletS1 {
      -moz-border-radius: 300px;
      -webkit-border-radius: 300px;
      border-radius: 300px;
      -ms-border-radius: 300px;
      -o-border-radius: 300px;
    }
    .filletS2 {
      -moz-border-radius: 32px;
      -webkit-border-radius: 32px;
      border-radius: 32px;
      -ms-border-radius: 32px;
      -o-border-radius: 32px;
    }
    .filletS3 {
      -moz-border-radius: 16px;
      -webkit-border-radius: 16px;
      border-radius: 16px;
      -ms-border-radius: 16px;
      -o-border-radius: 16px;
    }
    /* 
    -------------  图片链接  -------------
    */
    .imglinksbtn {
      overflow: hidden;
      background-color: #000000;
    }
    .imglinksbtn a {
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: block;
      text-align: center;
    }
    .imglinksbtn a:hover .linksimgs {
      height: 120% !important;
      opacity: 0.64;
    }
    .imglinksbtn a img {
      height: 100%;
      object-fit: cover;
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
    }
    /* 
    -------------  按钮链接  -------------
    */
    .lineheight_linkbtn {
      line-height: 44px;
    }
    .alinksbtn {
      width: auto;
      min-height: 1px;
    }
    .alinksbtn a {
      width: auto;
      min-height: 1px;
      float: left;
      font-size: 12px;
      line-height: 44px;
      padding: 0px 36px;
      color: #ffffff;
      background-color: #305cda;
      -moz-border-radius: 300px;
      -webkit-border-radius: 300px;
      border-radius: 300px;
    }
    .alinksbtn a:hover {
      background-color: #28469a;
    }
    .alinksbtn_s2 {
      width: auto;
      min-height: 1px;
    }
    .alinksbtn_s2 a {
      width: auto;
      min-height: 1px;
      float: left;
      font-size: 12px;
      line-height: 44px;
      padding: 0px 36px;
      color: #ffffff;
      background-color: #305cda;
      -moz-border-radius: 300px;
      -webkit-border-radius: 300px;
      border-radius: 300px;
    }
    .alinksbtn_s2 a:hover {
      color: #305cda;
      background-color: #ffffff;
    }
    .alinksbtn_s3 {
      width: auto;
      min-height: 1px;
    }
    .alinksbtn_s3 a {
      width: auto;
      min-height: 1px;
      float: left;
      font-size: 12px;
      line-height: 44px;
      padding: 0px 36px;
      color: #ffffff;
      -moz-border-radius: 300px;
      -webkit-border-radius: 300px;
      border-radius: 300px;
      border: 1px solid #305cda;
    }
    .alinksbtn_s3 a:hover {
      color: #305cda;
      border: 1px solid #ffffff;
      background-color: #ffffff;
    }
    .btnshadow_p1 a {
      box-shadow: 0px 8px 16px rgba(48, 92, 218, 0.16);
      -moz-box-shadow: 0px 8px 16px rgba(48, 92, 218, 0.16);
      -webkit-box-shadow: 0px 8px 16px rgba(48, 92, 218, 0.16);
    }
    .btnshadow_p1 a:hover {
      box-shadow: 0px 8px 48px rgba(48, 92, 218, 0.48);
      -moz-box-shadow: 0px 8px 48px rgba(48, 92, 218, 0.48);
      -webkit-box-shadow: 0px 8px 48px rgba(48, 92, 218, 0.48);
    }
    .borderradius_max {
      -moz-border-radius: 300px;
      -webkit-border-radius: 300px;
      border-radius: 300px;
    }
    .borderradius_min {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
    }
    /* 
    -------------  less  -------------
    */
    .titlet1 {
      font-size: 12px;
      line-height: 18px;
    }
    .titlet {
      font-size: 14px;
      line-height: 20px;
    }
    .titlet {
      font-size: 16px;
      line-height: 24px;
    }
    .desct1 {
      font-size: 12px;
      line-height: 18px;
    }
    .desct2 {
      font-size: 14px;
      line-height: 20px;
    }
    .desct3 {
      font-size: 16px;
      line-height: 24px;
    }
    .listt1 {
      font-size: 12px;
      line-height: 24px;
    }
    /* 
    -------------  控件样式  -------------
    */
    .footerbox {
      width: 100%;
      min-height: 1px;
      padding: 80px 0px 180px 0px;
    }
    .footermainbox {
      width: 100%;
      min-height: 1px;
    }
    .footermainhalfbox {
      width: 50%;
      float: left;
    }
    .footerdesc_color {
      color: #666666;
    }
    .footertitle_color {
      color: #333333;
    }
    .footertbox {
      width: 100%;
      min-height: 1px;
      height: 30px;
      margin-bottom: 24px;
    }
    .footermainbox .ttitlet1 {
      font-size: 16px;
      font-weight: bold;
      line-height: 30px;
    }
    .footermainbox .ttitlet2 {
      font-size: 16px;
      line-height: 30px;
      color: #333333;
    }
    .footermainbox .ttitlet3 {
      font-size: 12px;
      line-height: 24px;
      padding-top: 6px;
      color: #666666;
    }
    .footermainbox .tdesc_company {
      font-size: 12px;
      line-height: 18px;
      width: 80%;
      color: #666666;
      margin-bottom: 18px;
    }
    .footermainbox .tlink_list {
      width: 100%;
      min-height: 1px;
    }
    .footermainbox .tlink_list ul li a {
      width: 100%;
      min-height: 1px;
      color: #666666;
      font-size: 12px;
      line-height: 24px;
    }
    .footermainbox .tlink_list ul li a:hover {
      color: #28469a;
    }
    .footermainbox .tlink_list2 {
      width: 100%;
      min-height: 1px;
      margin-bottom: 12px;
    }
    .footermainbox .tlink_list2 ul li a {
      width: 100%;
      min-height: 1px;
      color: #666666;
      font-size: 14px;
      line-height: 36px;
    }
    .footermainbox .tlink_list2 ul li a:hover {
      color: #28469a;
    }
    .footermainbox .tcontactus {
      width: 100%;
      min-height: 1px;
    }
    .footermainbox .tcontactusbox {
      width: 100%;
      min-height: 1px;
    }
    .footermainbox .tcontactusbox .name {
      width: 100%;
      min-height: 1px;
      font-size: 12px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.36);
    }
    .footermainbox .tcontactusbox .content {
      width: 100%;
      min-height: 1px;
      margin-bottom: 12px;
    }
    .footermainbox .tcontactusbox .content a {
      font-size: 16px;
      color: #666666;
    }
    .footermainbox .tcontactusbox .content a:hover {
      color: #28469a;
    }
    .footermainbox .sharelink {
      font-size: 16px;
      font-weight: bold;
      line-height: 30px;
      overflow: hidden;
    }
    .footermainbox .sharelink a {
      width: 36px;
      height: 36px;
      border: 3px solid #edf7f8;
      text-align: center;
      -moz-border-radius: 300px;
      -webkit-border-radius: 300px;
      border-radius: 300px;
      margin-right: 12px;
      float: left;
    }
    .footermainbox .sharelink a:hover {
      background-color: #305cda;
      border: 2px solid #ffffff;
    }
    .footermainbox .sharelink a:hover i {
      color: #ffffff;
    }
    .footermainbox .sharelink a i {
      font-size: 14px;
      line-height: 32px;
      color: #1f3447;
    }
    .footermainbox .copyright {
      width: 100%;
      min-height: 1px;
    }
    .footermainbox .copyright span {
      width: 100%;
      min-height: 1px;
      font-size: 12px;
      line-height: 18px;
      color: #666666;
    }
    .footermainbox .copyright a {
      width: 100%;
      min-height: 1px;
      font-size: 12px;
      line-height: 18px;
      color: #666666;
    }
    .footermainbox .copyright a:hover {
      color: #28469a;
    }
    .footslogan {
      width: 100%;
      min-height: 1px;
      padding: 120px 0px 96px 0px;
      border-bottom: 4px solid #036EB8;
    }
    .footslogan_tbox {
      width: 100%;
      min-height: 1px;
      text-align: center;
      margin-bottom: 24px;
    }
    .footslogan_tname {
      width: 100%;
      min-height: 1px;
      font-size: 34px;
      line-height: 44px;
      font-weight: bold;
      color: #036EB8;
	  margin-bottom:20px;
    }
    .footslogan_ttext {
      width: 100%;
      min-height: 1px;
    }
    .footslogan_ttext .textSymbol {
      font-family: Helvetica, sans-serif !important;
      font-size: 44px;
      line-height: 48px;
      color: #000000;
    }
    .footslogan_ttext .textcontent {
      font-size: 44px;
      line-height: 80px;
      color: #000000;
      padding: 0px 12px;
    }
    .footslogan_tdesc {
      width: 100%;
      min-height: 1px;
      font-size: 18px;
      line-height: 36px;
      color: #333333;
    }
    .footslogan_tbtn {
      width: 100%;
      min-height: 1px;
    }